<template> 
  <div class="protocol-container"> 
    <h2 style="margin-top: 60px;font-weight: bold;">协议管理</h2> 
    <!-- 将按钮改为输入框 --> 
    <textarea v-model="userProtocolContent"></textarea> 
    <el-button type="success" @click="saveProtocols">保存</el-button> 
  </div> 
</template> 
 
<script setup>  
import { ref } from 'vue';  
import axios from 'axios';  
 
let userProtocolContent = ref(""); 
 
const saveProtocols = () => { 
  axios.post("http://127.0.0.1:8000/user/privacy/",  { content: userProtocolContent.value  }) 
    .then(response => { 
      console.log(response);  
      alert('保存成功'); 
      // 保存成功后的处理逻辑 
    }) 
    .catch(error => { 
      console.error(error);  
      // 保存失败后的处理逻辑 
    }); 
} 
</script> 
   
<style scoped>
/* 可选的样式调整 */
.protocol-container {
  padding: 20px;
}
input {
  margin-bottom: 10px;
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}

.protocol-container textarea { 
  width: 100%; /* 固定宽度 */ 
  height: 200px; /* 固定高度 */ 
  resize: none; /* 禁止用户调整大小 */ 
} 
</style>